import { h } from 'vue'

export default {
    name: 'loading',
    props: {
        color: {
            type: String,
            default: 'aqua'
        },
        size: {
            type: String,
            default: 'medium'
        }
    },
    render({ color, size }) {
        return h(
            'span',
            { class: `yf-loading yf-loading--${size}`, style: `border-color: ${color}` },
            [
                h(
                    'span',
                    { class: 'yf-loading__inner', style: `background-color: ${color}` },
                )
            ])
    }
}